<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" template="/paginas/template.xhtml">

	<ui:define name="corpoForm">
		
		<f:event type="javax.faces.event.PreRenderComponentEvent"
			listener="#{manterUsuarioBean.preRenderEdit}" />
		<h:form id="formUsuario" prependId="false">

			<p:panelGrid columns="3" styleClass="botoes" id="botoes">

				<p:commandButton value="#{rsc.label_salvar}" styleClass="botao"
					action="#{manterUsuarioBean.alterar}" ajax="false"
					onclick="setTimeout('document.getElementById(\'' + this.id + '\').disabled=true;', 50);"
					rendered="#{p:ifGranted('ALTERAR_USUARIO')}"
					title="#{rsc.title_alterar}" />

				<p:commandButton value="#{rsc.label_alterarSenha}"
					styleClass="botao" id="alterarSenhaBotao" action="alterarSenha"
					ajax="false" title="#{rsc.label_alterarSenha}">
					<f:setPropertyActionListener value="#{manterUsuarioBean.entidade}"
						target="#{manterUsuarioBean.entidade}" />
				</p:commandButton>

				<p:commandButton value="#{rsc.label_cancelar}" styleClass="botao"
					update="growl" action="#{manterUsuarioBean.cancelar}" ajax="false"
					onclick="setTimeout('document.getElementById(\'' + this.id + '\').disabled=true;', 50);"
					title="#{rsc.title_cancelar}" immediate="true">
				</p:commandButton>

			</p:panelGrid>


			<p:panel id="pnlInfo" header="#{rsc.label_alterarUsuario}"
				toggleable="true" toggleSpeed="500">

				<p:panelGrid columns="2">

					<p:outputLabel value="#{rsc.label_nomeUsuario}"
						for="txtNomeUsuario" styleClass="obrigatorio" />

					<p:outputLabel value="#{rsc.label_perfil}" for="listPerfis"
						styleClass="obrigatorio" />

					<p:inputText label="#{rsc.label_nomeUsuario}" id="txtNomeUsuario"
						maxlength="150" size="40" title="#{rsc.label_nomeUsuario}"
						value="#{manterUsuarioBean.entidade.nome}" />

					<p:selectOneMenu style="width: 200px" label="#{rsc.label_perfil}"
						value="#{manterUsuarioBean.entidade.perfil.id}" id="listPerfis">
						<f:selectItem itemLabel="#{rsc.label_selecionar}" itemValue="" />
						<f:selectItems value="#{manterUsuarioBean.formulario.perfis}"
							var="c" itemLabel="#{c.nome}" itemValue="#{c.id}" />
					</p:selectOneMenu>


				</p:panelGrid>

				<p:panelGrid columns="1">

					<p:outputLabel value="#{rsc.label_login}" for="txtUsername"
						styleClass="obrigatorio" />

					<p:inputText label="#{rsc.label_login}" id="txtUsername"
						maxlength="150" size="40" title="#{rsc.label_login}"
						value="#{manterUsuarioBean.entidade.username}" />

				</p:panelGrid>


				<p:panelGrid columns="2">

					<p:outputLabel value="#{rsc.label_cpf}" for="txtCpfUsuario"
						styleClass="obrigatorio" />

					<p:outputLabel value="#{rsc.label_email}" for="txtEmailUsuario" />

					<p:inputMask label="#{rsc.label_cpf}" id="txtCpfUsuario"
						maxlength="150" size="40" title="#{rsc.label_cpf}"
						value="#{manterUsuarioBean.entidade.cpf}" required="true"
						mask="#{rsc.maskCpf}"
						requiredMessage="#{rsc.label_cpf}: #{msg.errorCampoObrigatorio}" />

					<p:inputText label="#{rsc.label_email}" id="txtEmailUsuario"
						maxlength="150" size="40" title="#{rsc.label_email}"
						value="#{manterUsuarioBean.entidade.email}">
						<p:ajax event="blur" listener="#{manterUsuarioBean.validarEmail}"
							update=":growl" />
					</p:inputText>

				</p:panelGrid>

				<p:panelGrid columns="2">
					<p:outputLabel value="#{rsc.label_celular}" for="txtCelularUsuario" />

					<p:outputLabel value="#{rsc.label_telefone}"
						for="txtTelefoneUsuario" />

					<p:inputMask label="#{rsc.label_celular}" id="txtCelularUsuario"
						maxlength="150" size="40" title="#{rsc.label_celular}"
						mask="#{rsc.maskTelefone}"
						value="#{manterUsuarioBean.entidade.celular}"
						styleClass="telefone" />

					<p:inputMask label="#{rsc.label_telefone}" id="txtTelefoneUsuario"
						maxlength="150" size="40" title="#{rsc.label_telefone}"
						mask="#{rsc.maskTelefone}"
						value="#{manterUsuarioBean.entidade.telefone}"
						styleClass="telefone" />
				</p:panelGrid>

				<p:panelGrid columns="1">
					<p:outputLabel value="#{rsc.label_ativo}" for="chkAtivo" />

					<p:selectBooleanCheckbox label="#{rsc.label_ativo}" id="chkAtivo"
						title="#{rsc.label_ativo}"
						value="#{manterUsuarioBean.entidade.ativo}" />

				</p:panelGrid>

			</p:panel>
			
			<p:watermark value="#{rsc.wm_nomeUsuario}" for="txtNomeUsuario" />
			<p:watermark value="#{rsc.wm_cpf}" for="txtCpfUsuario" />
			

			<p:watermark value="#{rsc.wm_telefone}" for="txtTelefoneUsuario" />
			<p:watermark value="#{rsc.wm_celular}" for="txtCelularUsuario" />
			<p:watermark value="#{rsc.wm_email}" for="txtEmailUsuario" />
		</h:form>
	</ui:define>
</ui:composition>

